<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Resume</title>
    <link rel="stylesheet" href="resume.css">
</head>
<body>

<div class="container">
    <div class="header">
        <div class="full-name">
            <span class="first-name">林</span>
            <span class="last-name">建建</span>
        </div>
        <div class="contact-info">
            <span class="email">Email: </span>
            <span class="email-val">2425494267@qq.com</span>
            <span class="separator"></span>
            <span class="phone">Phone: </span>
            <span class="phone-val">18859588753</span>
        </div>

        <div class="about">
            <span class="position">Front-End Developer </span>
            <span class="desc">
                I am a front-end developer with more than 3 years of experience writing html, css, and js. I'm
                motivated, result-focused and seeking a successful team-oriented company with opportunity to grow.
            </span>
        </div>
    </div>
    <div class="details">
        <div class="section">
            <div class="section__title">Experience</div>
            <div class="section__list">
                <div class="section__list-item">
                    <div class="left">
                        <div class="name">KlowdBox</div>
                        <div class="addr">San Fr, CA</div>
                        <div class="duration">Jan 2011 - Feb 2015</div>
                    </div>
                    <div class="right">
                        <div class="name">Fr developer</div>
                        <div class="desc">did This and that</div>
                    </div>
                </div>
                <div class="section__list-item">
                    <div class="left">
                        <div class="name">Akount</div>
                        <div class="addr">San Monica, CA</div>
                        <div class="duration">Jan 2011 - Feb 2015</div>
                    </div>
                    <div class="right">
                        <div class="name">Fr developer</div>
                        <div class="desc">did This and that</div>
                    </div>
                </div>

            </div>
        </div>
        <div class="section">
            <div class="section__title">Education</div>
            <div class="section__list">
                <div class="section__list-item">
                    <div class="left">
                        <div class="name">Sample Institute of technology</div>
                        <div class="addr">San Fr, CA</div>
                        <div class="duration">Jan 2011 - Feb 2015</div>
                    </div>
                    <div class="right">
                        <div class="name">Fr developer</div>
                        <div class="desc">did This and that</div>
                    </div>
                </div>
                <div class="section__list-item">
                    <div class="left">
                        <div class="name">Akount</div>
                        <div class="addr">San Monica, CA</div>
                        <div class="duration">Jan 2011 - Feb 2015</div>
                    </div>
                    <div class="right">
                        <div class="name">Fr developer</div>
                        <div class="desc">did This and that</div>
                    </div>
                </div>

            </div>

        </div>
        <div class="section">
            <div class="section__title">Projects</div>
            <div class="section__list">
                <div class="section__list-item">
                    <div class="name">DSP</div>
                    <div class="text">I am a front-end developer with more than 3 years of experience writing html, css,
                        and js. I'm motivated, result-focused and seeking a successful team-oriented company with
                        opportunity to grow. <a href="#">link to...</a></div>
                </div>

                <div class="section__list-item">
                    <div class="name">DSP</div>
                    <div class="text">I am a front-end developer with more than 3 years of experience writing html, css,
                        and js. I'm motivated, result-focused and seeking a successful team-oriented company with
                        opportunity to grow.
                    </div>
                </div>
            </div>
        </div>
        <div class="section">
            <div class="section__title">Skills</div>
            <div class="skills">
                <div class="skills__item">
                    <div class="left">
                        <div class="name">
                            Javascript
                        </div>
                    </div>
                    <div class="right">
                        <input id="ck1" type="checkbox" checked />
                        <label for="ck1"></label>

                        <input id="ck2" type="checkbox" checked />
                        <label for="ck2"></label>

                        <input id="ck3" type="checkbox" />
                        <label for="ck3"></label>

                        <input id="ck4" type="checkbox" />
                        <label for="ck4"></label>

                        <input id="ck5" type="checkbox" />
                        <label for="ck5"></label>

                    </div>
                </div>

            </div>
            <div class="skills__item">
                <div class="left">
                    <div class="name">
                        CSS</div>
                </div>
                <div class="right">
                    <input id="css_ck1" type="checkbox" checked />
                    <label for="css_ck1"></label>

                    <input id="css_ck2" type="checkbox" checked />
                    <label for="css_ck2"></label>

                    <input id="css_ck3" type="checkbox" checked />
                    <label for="css_ck3"></label>

                    <input id="css_ck4" type="checkbox" />
                    <label for="css_ck4"></label>

                    <input id="css_ck5" type="checkbox" />
                    <label for="css_ck5"></label>

                </div>
            </div>

        </div>
        <div class="section">
            <div class="section__title">
                Interests
            </div>
            <div class="section__list">
                <div class="section__list-item">
                    Football, programming.
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>